<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="/css/bootstrap.css" rel="stylesheet" type="text/css" />
<link href="/css/common.css" rel="stylesheet" type="text/css" />
<script src="/js/jquery-1.9.1.min.js" type="text/javascript"></script>
<script src="/js/jquery.SuperSlide.2.1.1.js" type="text/javascript"></script>
<script src="/js/bootstrap.min.js" type="text/javascript"></script>
<script src="/js/common.js" type="text/javascript"></script>
<script src="/js/layer/layer.js" type="text/javascript"></script>
<title>电视剧</title>
</head>

<body>
<div id="header_top">
<div class="page_header">
 <div class="header_style">
  <div class="clearfix">
    <a href="/#" class="logo_style"><img src="/images/logo.png"  width="150px"/></a>
    <ul class="nav_list">
     <li class="nav_link"><a href="/index.html" class="Channel_name"><i class="i icon_home"></i>首页</a></li>
     <li class="nav_link Channel_link">
     <a href="/javascript:" class="Channel_name"><i class="i icon_nav"></i>频道<i class="i i_arw2"></i></a>
     <div class="Channel_nav_list">
        <ul class=" clearfix">
   <li class="Channel_color"><a href="/list_page.jsp" ><i class="icon_TV"></i>电视剧</a></li>
   <li class="Channel_color split_line"><a href="/#" ><i class="icon_TV"></i>体育</a></li>
   <li class="Channel_color split_line"><a href="/#"><i class="icon_TV"></i>电影</a></li>
   <li class="Channel_color split_line"><a href="/#" ><i class="icon_TV"></i>网络电影</a></li>
   <li class="Channel_color split_line"><a href="/#" ><i class="icon_TV"></i>综艺</a></li>
   <li class="Channel_color split_line"><a href="/#" ><i class="icon_TV"></i>动漫</a></li>
   <li class="Channel_color split_line"><a href="/#" ><i class="icon_TV"></i>纪录片</a></li>
   <li class="Channel_color split_line"><a href="/#" ><i class="icon_TV"></i>公开课</a></li>
  </ul>
     </div>
     </li>
    </ul>
    <div class="search_style">
      <input name="" type="text"  class="search"/><button name="" type="button" class="button_submit" onclick="submit_btn()"><i class="icon_search"></i>搜索</button>
   </div>
  </div>
 </div>
</div>
<!---->
<div class="page_style">
 <div class="Location_link">
  <em></em><a href="/index.html">首页</a>  &lt;   <a href="/list_page.jsp">${videos[0].videoMenu}</a> &lt; <span>${videos[0].videoName}</span>
 </div>
 <!--介绍-->
 <div class="clearfix Television_style">
  <div class="Television_img l_f">
  <a href="/javascrpt:"><img src="/video/d10.jpg" />
  <span class="first_bg"><i class="icon_bf"></i></span>
  </a>
  </div>
  <div class="clearfix">
  <div class="Television_content l_f">
  <div class="score_style">评分：<b>xx</b>分</div>
   <dl class="movie_info clearfix">
    <dt>${videos[0].videoName} <span class="Quantity">${videos[0].videoNum}集全</span></dt>
    <dd><label>主演：</label> 
        <c:forEach items="${videos}" var="v">
            ${v.videoRole}
        </c:forEach>
    </dd>
    <dd><label>导演：</label> <span><a href="/#">${videos[0].videoDirector}</a></span> </dd>
    <dd><label>类型：</label>
        <c:forEach items="${videoTypes}" var="v">
            <span><a href="/#">${v}</a></span>
        </c:forEach>
    </dd>
    <dd><label>地区：</label> <span><a href="/#">${videos[0].videoAddress}</a></span> </dd>
    <dd><label>年份：</label> <span><a href="/#">${videos[0].videoTime}</a></span> </dd>
   </dl>
   <div class="Introduction">${videos[0].videoReferral}</div>
  </div>
  </div>
  <div class="Episodes_style margintb clearfix">
   <div class="title_name">剧集<p>（更新至${videos[0].videoNum}集）</p></div>
   <div class="Episodes_number">
    <ul class="diversity_list">
        <c:forEach items="${videoNum}" var="v">
            <c:if test="${videos[0].videoNum - v!=1 && videos[0].videoNum - v!=0}">
                <li><a href="#" class="">${v}</a></li>
            </c:if>
            <c:if test="${videos[0].videoNum - v==1}">
                <li><a href="#" class="">${v}</a><em class="icon_b icon_xin"></em></li>
            </c:if>
            <c:if test="${videos[0].videoNum - v==0}">
                <li><a href="#" class="">${v}</a><em class="icon_b icon_quan"></em></li>
            </c:if>
        </c:forEach>
    </ul>
   </div>   
  </div>
  <!--相关内容-->
   <div class="Related_content">
    <div class="Related_title"><span>相关视频</span> <a href="/javascript:" class="change_link"><i class="icon_change"></i>换一批</a></div>
    <div class="list_v_content ">
     <ul class="Notice_list">
      <li class="first_content bg">
       <a href="/#" class="pic " target="_blank">
        <img src="/video/14.jpg" width="100%">
        <span class="first_bg"><i class="icon_bf"></i></span>
       </a>
       <a target="_blank" href="/#" class="bq">更新预告</a>
       <div class="tc">
        <p class="tit">
        <a target="_blank" href="/#">轿车公路上行驶被闪电劈中</a></p>
        <p class="des">巨响过后冒出浓烟</p>
       </div>
      </li>
       <li class="first_content bg">
       <a href="/#" class="pic " target="_blank">
        <img src="/video/4.jpg" width="100%">
        <span class="first_bg"><i class="icon_bf"></i></span>
       </a>
       <a target="_blank" href="/#" class="bq">更新预告</a>
       <div class="tc">
        <p class="tit">
        <a target="_blank" href="/#">轿车公路上行驶被闪电劈中</a></p>
        <p class="des">巨响过后冒出浓烟</p>
       </div>
      </li>
       <li class="first_content bg">
       <a href="/#" class="pic " target="_blank">
        <img src="/video/3.jpg" width="100%">
        <span class="first_bg"><i class="icon_bf"></i></span>
       </a>
       <a target="_blank" href="/#" class="bq">34集全</a>
       <div class="tc">
        <p class="tit">
        <a target="_blank" href="/#">大秦帝国之纵横</a></p>
        <p class="des">巨响过后冒出浓烟</p>
       </div>
      </li>
       <li class="first_content bg">
       <a href="/#" class="pic " target="_blank">
        <img src="/video/5.jpg" width="100%">
        <span class="first_bg"><i class="icon_bf"></i></span>
       </a>
       <a target="_blank" href="/#" class="bq">更新预告</a>
       <div class="tc">
        <p class="tit">
        <a target="_blank" href="/#">轿车公路上行驶被闪电劈中</a></p>
        <p class="des">巨响过后冒出浓烟</p>
       </div>
      </li>
       <li class="first_content bg">
       <a href="/#" class="pic " target="_blank">
        <img src="/video/5.jpg" width="100%">
        <span class="first_bg"><i class="icon_bf"></i></span>
       </a>
       <a target="_blank" href="/#" class="bq">更新预告</a>
       <div class="tc">
        <p class="tit">
        <a target="_blank" href="/#">轿车公路上行驶被闪电劈中</a></p>
        <p class="des">巨响过后冒出浓烟</p>
       </div>
      </li>
       <li class="first_content bg">
       <a href="/#" class="pic " target="_blank">
        <img src="/video/5.jpg" width="100%">
        <span class="first_bg"><i class="icon_bf"></i></span>
       </a>
       <a target="_blank" href="/#" class="bq">更新预告</a>
       <div class="tc">
        <p class="tit">
        <a target="_blank" href="/#">轿车公路上行驶被闪电劈中</a></p>
        <p class="des">巨响过后冒出浓烟</p>
       </div>
      </li>
     </ul>
    </div>
   </div>
 </div>
</div>
<!--底部样式-->
<div class="footer_style">
<div class="footer">
 <div class="copys copys-list clearfix">
   <a href="/#">网络文化经营许可证 京网文[2014]xxxxx-236号</a>
   <a href="/#">京卫网审[2013]第0209号 网络110报警服务</a>
   <a href="/#">药品服务许可证(京)-经营2222-0029</a>
  <a href="/#">节目制作经营许可证京字670号</a>
 </div>
<div class="link_name">
<a href="/#">关于我们</a>|<a href="/#">媒体合作</a>|<a href="/#">开放平台</a>|<a href="/#">广告服务</a>|<a href="/#">联系我们</a>|<a href="/#">工作机会</a>|<a href="/#">友情链接</a></div>
<div class="Copyright">Copyright © 2004-2017 视频名称（xx.com）All rights reserved.</div>
<div class="align clearfix">
 <a href="/#"><img src="/images/ghs.png" />京公网安备：xxxxxxxxxxxxxxxx号</a> &nbsp;&nbsp;&nbsp;
 <a href="/#"><img src="/images/xy.png" />中国互联网诚信联盟</a>
</div>
</div>

</div>
<!-- 代码 开始 -->
<div class="go-top dn" id="go-top">
    
    <a href="/zhuce.html" target="_blank" class="feedback"></a>
    <a href="/javascript:;" class="go"></a>
</div>
</body>
</html>
<script>
/*********搜索*********/
function submit_btn(){
	 $(".search_style input[type$='text']").each(function(n){
		  if($(this).val()=="")
          {
               
			   layer.alert("搜索框不能为空！",{
                title: '提示框',				
				icon:0,								
          }); 		    
            return false;            
          } 
		 else{
			 location.href="/search_page.html";
			 
			 }
		 })		
}
</script>